// Copyright (c) Microsoft Corporation. All rights reserved.
// Licensed under the MIT License.

// This file is @imported by many SCSS modules, which means it *must not* contain any actual style
// definitions; it may *only* contain SCSS directives (eg, $variable, @function, and @mixin).

@import 'high-contrast-override.scss';
@import 'colors.scss';
@import 'fonts.scss';

$focus-ring-color: $neutral-100;

@mixin set-focus-ring-styles($property: 'border') {
    #{$property}: 1px solid $focus-ring-color;
    @include ms-high-contrast-override {
        #{$property}: 1px dashed windowtext !important;
    }
}

$normal-title-font-weight: 300 !default;
$pivot-item-left-border-width: 3px !default;
$pivot-item-border-style: solid !default;
$details-view-header-bar-height: 40px !default;
$details-view-nav-pivots-height: 41px !default;
$details-view-command-bar-height: 40px !default;
$details-view-command-bar-border-height: 1px !default;
$details-view-left-nav-width: 250px !default;
$details-view-left-nav-border-width: 1px;
$details-view-total-header-height: (
    #{$details-view-command-bar-border-height} + #{$details-view-command-bar-height} + #{$details-view-header-bar-height}
);
$fast-pass-right-panel-margin-right: 24px !default;
$fast-pass-right-panel-margin-left: 24px !default;
$fast-pass-right-panel-margin-top: 24px !default;

@mixin ellipsed-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@mixin h3 {
    font-weight: $font-weight-semi-bold;
    font-size: 17px;
}

@mixin is-mac-os {
    :global(.is-mac-os) & {
        @content;
    }
}
